<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>FF</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/foundation-5.2.0/css/foundation.css"></link>
</head>
<body>
	<div ng-app="myApp" ng-controller="AppCtrl">
		<!-- <div ng-repeat="performance in managerPerformances.data">
			{{$index +1}}. {{performance.managerName}} -
			{{performance.totalPoints}}</div>
		<br> <br> -->
		
		<table>
			<tr>
				<th></th>
				<th><a href="" ng-click="orderByField='name'; reverseSort = !reverseSort">Name</a></th>
				<th><a href="" ng-click="orderByField='points'; reverseSort = !reverseSort">Points</a></th>
				<th><a href="" ng-click="orderByField='goals'; reverseSort = !reverseSort">Goals</a></th>
				<th><a href="" ng-click="orderByField='assists'; reverseSort = !reverseSort">Assists</a></th>
				<th><a href="" ng-click="orderByField='foulsWon'; reverseSort = !reverseSort">Fouls Won</a></th>
				<th><a href="" ng-click="orderByField='tacklesWon'; reverseSort = !reverseSort">Tackles Won</a></th>
			</tr>
			<tr ng-repeat="performance in playerPerformances.data|orderBy:orderByField:!reverseSort">
				<td>{{$index +1}}</td>
				<td><a href=player/{{performance.playerId}} ng-click="">{{performance.name}}</a></td>
				<td>{{performance.points}}</td>
				<td>{{performance.goals}}</td>
				<td>{{performance.assists}}</td>
				<td>{{performance.foulsWon}}</td>
				<td>{{performance.tacklesWon}}</td>
			</tr>
		</table>

	</div>

	<script type="text/javascript"
		src="${pageContext.request.contextPath}/resources/angular.min.js"></script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/resources/view/app.js"></script>
</body>
</html>